new Vue({
    el:"#app",
    data:{
        message:"正在请求数据..."
    },
    mounted(){
        axios
            .get('json/tsconfig.json')
            .then(response => this.message =response.data.lists)
            .catch(function(error){
            console.log(error);
        })
    }
});


var s = document.querySelector("#yin1");
var s1 = document.querySelector("#yin");

s.addEventListener("mouseover",function(){
    s1.style.display = "block"
});
s.addEventListener("mouseleave",function(){
    s1.style.display = "none"
});
s1.addEventListener("mouseover",function(){
    s1.style.display = "block"
});
s1.addEventListener("mouseleave",function(){
    s1.style.display = "none"
});


var sa= document.querySelector("#sa");
var lo = document.querySelector("#lo");
var hu = document.querySelector("#hu");

window.onscroll = function(){
    if(document.documentElement.scrollTop >0 || document.body.scrollTop > 0){
        hu.style.display = "none";
        lo.style.display = "none";
        sa.style.display = "block"
    }else if( document.body.scrollTop <100){
        hu.style.display = "block";
        lo.style.display = "block";
        sa.style.display = "none"
    }
};
sa.addEventListener('click',function(){
    window.scrollTo(0,0);

});


var img = document.querySelector("#img");
var img1 = document.querySelector("#img1");
var ul = document.querySelector("#ul");
function change(){
    img1.style.display = "block";
    ul.style.display = "block";
    img.style.display = "none"
}
function change1(){
    img1.style.display = "none";
    ul.style.display = "none";
    img.style.display = "block"
}
